<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>标签示例</title>
  <link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="label-container purple-background">
  <img src="./icon1.png" alt="图标1" class="icon">
  <span class="label-text">芽岩莓茶 ▲</span>
</div>

<div class="label-container blue-background">
  <img src="./icon1.png" alt="图标2" class="icon">
  <span class="label-text">张家界菊花芯柚</span>
</div>

<div class="label-container blue-background">
  <img src="./icon1.png" alt="图标3" class="icon">
  <span class="label-text">张家界碰柑</span>
</div>

<div class="label-container orange-background">
  <img src="./icon1.png" alt="图标4" class="icon">
  <span class="label-text">张家界葛根粉</span>
</div>

<div class="label-container blue-background">
  <img src="./icon1.png" alt="图标5" class="icon">
  <span class="label-text">张家界大鲵</span>
</div>

<div class="label-container purple-background">
  <img src="./icon1.png" alt="图标6" class="icon">
  <span class="label-text">溪州莓茶</span>
</div>
</body>
</html>
